.classify {
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;

    p {
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        height: 30px;
        margin: 6px 0 10px;
    }

    .inp {
        position: relative;
        margin: 6px 10px;

        input {
            outline: none;
            border: none;
            background-color: #f7f7f7;
            height: 30px;
            padding-left: 40px;
            width: 100%;
            box-sizing: border-box;
        }

        i {
            position: absolute;
            left: 10px;
            top: 20%;
            font-size: 18px;
            color: #a6a6a6;
        }
    }

    .content {
        overflow: auto;
        width: 100%;
        .title{
            text-align: left;
            margin: 10px;
        }
        .list {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: 0 10px;

            .item {
                width: 30%;
                font-size: 14px;

                img {
                    width: 90%;
                }
            }
        }
        .list::after{
            content: "";
            flex: 1;
        }
    }
}

.main {
    width: 100%;
    overflow: auto;
    text-align: center;
    border-top: 1px solid #a6a6a6;
    display: flex;

    .adm-side-bar-item {
        justify-content: center;

        .adm-badge-wrapper {
            position: static;
            font-size: 14px;

            .adm-side-bar-item-title {

                .adm-side-bar-item-highlight {
                    height: 45%;
                    left: 0;
                    top: 30%;
                    width: 4px;
                    background-color: red;
                }
            }
        }
    }

    .adm-side-bar-item-active {
        color: red;
    }

    .left{
        width: 120px;
    }
    .left::-webkit-scrollbar{
        display:none;
      }
}